<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="Description" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css" />
  </head>

  <body>
    <style>
      .sidebar {
        margin-top: 48px;
      }

      #nav {
        position: fixed;
        z-index: 9;
        padding: 0 8px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 300px;
        top: 0;
        height: 60px;
      }
    </style>
    <div id="nav">
      <h3><a href="http://ng-tech.icu/books">Books</a></h3>
      <span style="margin: 0 8px; display: inline-block;">|</span>
      <h3><a href="https://github.com/wx-chevalier">wx-chevalier</a></h3>
      <span style="margin: 0 8px; display: inline-block;">|</span>
      <h3><a href="https://github.com/wx-chevalier">wx-chevalier</a></h3>
      <span style="margin: 0 8px; display: inline-block;">|</span>
      <h3><a href="https://github.com/wx-chevalier">wx-chevalier</a></h3>
    </div>
    <div id="app"></div>
    <script>
      window.$docsify = {
        name: '',
        repo: '',
        loadSidebar: true,
      };
    </script>
    <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
  </body>
</html>
